<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>积分商城</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no,viewport-fit=cover">
		<meta name="format-detection" content="telephone=no">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="stylesheet" href="../../css/common.css" />
		<link rel="stylesheet" href="../../css/index/index.css" />
		<script type="application/javascript" src="../../js/common/static_common.js"></script>
		
	</head>
	<body>
		<div class="_div data-v-65ddb5fe container" id="app" v-cloak>
			<footer active="2"></footer>
			<div class="_div data-v-65ddb5fe content" style="overflow-y: hidden;">
				<div class="_div data-v-9ed1f37c container">
					<img class="_img data-v-9ed1f37c search-icon1" data-comkey="0,3" data-eventid="1" src="../../images/shouye/sousuo--bai@2x.png" @click="toSearch()"/>
					<div class="_scroll-view data-v-9ed1f37c" data-comkey="0,3" data-eventid="13" scroll-y="" style=" height:100%;">
						<div class="_div data-v-9ed1f37c banner">
							<div autoplay="" class="_swiper data-v-9ed1f37c swiper" style="overflow: hidden;" >
								<div class="_swiper-item data-v-9ed1f37c" style="position: initial;height: 400px; transition: transform .5s ease "  :style="{width:(picWidth*banners.length)+'px',transform: 'translate('+translate+'px, 0px) translateZ(0px) '}">
									<img class="_image data-v-9ed1f37c slide-image" :style="{width:picWidth+'px'}" :src="imgUrlRoot+item.path" v-for="(item,index) in banners" 
									@touchstart='touchStart' 
									@touchend='touchEnd($event,item,index)'/>
								</div>
							</div>
							<div class="dot">
								<ul>
									<li v-for="(item, i) in banners" :class="{'active':(translate ? translate : 0)/-picWidth == i}"></li>
								</ul>
							</div>
						</div>
						<ul class="_ul data-v-9ed1f37c nav">
							<li class="_li data-v-9ed1f37c nav-item" data-comkey="0,3" data-eventid="3-0" v-on:click="to_type(1)">
								<div class="_div data-v-9ed1f37c image">
									<img class="_img data-v-9ed1f37c img" src="../../images/product_type/meizhuang.png" />
								</div>
								<h4 class="_h4 data-v-9ed1f37c nav-msg">美妆</h4>
							</li>
							<li class="_li data-v-9ed1f37c nav-item" data-comkey="0,3" data-eventid="3-0" v-on:click="to_type(5)">
								<div class="_div data-v-9ed1f37c image">
									<img class="_img data-v-9ed1f37c img" src="../../images/product_type/xihu.png" />
								</div>
								<h4 class="_h4 data-v-9ed1f37c nav-msg">洗护</h4>
							</li>
							<li class="_li data-v-9ed1f37c nav-item" data-comkey="0,3" data-eventid="3-0" v-on:click="to_type(8)">
								<div class="_div data-v-9ed1f37c image">
									<img class="_img data-v-9ed1f37c img" src="../../images/product_type/shipin.png" />
								</div>
								<h4 class="_h4 data-v-9ed1f37c nav-msg">饰品</h4>
							</li>
							<li class="_li data-v-9ed1f37c nav-item" data-comkey="0,3" data-eventid="4" v-on:click="to_type(1)">
								<div class="_div data-v-9ed1f37c image">
									<img class="_img data-v-9ed1f37c img" src="../../images/jifenshangcheng/quanbufenlei@2x.png"//>
									 </div> <h4 class="_h4 data-v-9ed1f37c nav-msg">全部分类</h4>
							</li>
						</ul>
						<p class="_p data-v-9ed1f37c fineMall">
							<img class="_img data-v-9ed1f37c fineMall_img" src="../../images/shouye/jingpintuijian@2x.png"//>
							 </p> <div class="_div data-v-9ed1f37c maillList" id="list">
							<div class="_div data-v-9ed1f37c mall" data-comkey="0,3" data-eventid="12-0" v-for="item in products" v-on:click="detail(item)">
								<div class="_div data-v-9ed1f37c mallImg">
									<img class="_img data-v-9ed1f37c img" :src="imgUrl+item.logoPath.split(',')[0]" />
								</div>
								<h5 class="_h5 data-v-9ed1f37c mall_name">{{item.name}}</h5>
								<p class="_p data-v-9ed1f37c text1">
									<div class="_del data-v-9ed1f37c original_price">原价 {{item.originPrice}}</div>
									<span class="_span data-v-9ed1f37c sell_num">销量 {{item.salesCount}}</span>
								</p>
								<p class="_p data-v-9ed1f37c payType">
									<span class="_span data-v-9ed1f37c pay_price">￥{{item.price + item.points}}</span>
									<span class="_span data-v-9ed1f37c pay_credit" v-if="item.points>0">积分可抵￥{{item.points}}</span>
								</p>
							</div>
					</div>
					<div class="_div data-v-9ed1f37c zhanwei"></div>
				</div>
			</div>
		</div>
		</div>
	</body>
	<script type="application/javascript" src="../../js/product/index.js"></script>
</html>
